improve Calendar styling
authorJakub Steiner <jimmac@gmail.com>
Tue, 1 Jul 2014 12:22:54 +0000 (14:22 +0200)
committerJakub Steiner <jimmac@gmail.com>
Tue, 1 Jul 2014 12:22:54 +0000 (14:22 +0200)
slightly

https://bugzilla.gnome.org/show_bug.cgi?id=729620

gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 46776b3f6700b21670a4a743910ae27fd04d3ceb..3fedcf7d9371fdd84c9bb725abcd35b86f48bcd3 100644 (file)
@@ -1747,11 +1747,11 @@ GtkExpander {
  ***********/
 GtkCalendar { 
   border: 1px solid $borders_color; 
-  &.button { 
+  &.button {
     @extend %undecorated_button; 
-    padding: 0 4px; 
+    padding: 0 4px; //FIXME no effect on these pseudobuttons
     color: mix($fg_color, $base_color, 40%); //we need a dimmed stuff var 
-    &:hover { 
+    &:hover {
       @extend %undecorated_button; 
       color: $fg_color; 
     } 
@@ -1759,7 +1759,14 @@ GtkCalendar {
       @extend %undecorated_button; 
       color: mix($backdrop_fg_color, $backdrop_base_color, 50%); 
     } 
-  } 
+  }
+  &.view { border-radius: 2px; }
+  &.header {
+    background: linear-gradient(to bottom,
+                                lighten($bg_color,2%),
+                                darken($bg_color,2%));
+    border-bottom-color: mix($borders_color,$bg_color,50%);
+  }
 }
 
 /***********
index a1de0964fbccc59982aa48c41d0632f385565f21..f4237439f984b7671026a2c17b15e681ce83deae 100644 (file)
@@ -2338,6 +2338,11 @@ GtkCalendar {
       color: #eeeeec; }
     GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
       color: #7a7b7a; }
+  GtkCalendar.view {
+    border-radius: 2px; }
+  GtkCalendar.header {
+    background: linear-gradient(to bottom, #3e4444, #343a3a);
+    border-bottom-color: #2a2f2f; }
 
 /***********
  * Dialogs *
index 16c19c76518b6b36cfa8507c03d2f56fef0d5167..bf6a1ed13e1ad34ac4daf6b5425794715260835b 100644 (file)
@@ -2336,6 +2336,11 @@ GtkCalendar {
       color: #2e3436; }
     GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
       color: #a8aaab; }
+  GtkCalendar.view {
+    border-radius: 2px; }
+  GtkCalendar.header {
+    background: linear-gradient(to bottom, #f2f2f2, #e8e8e8);
+    border-bottom-color: #c7c7c7; }
 
 /***********
  * Dialogs *